<%--
  Created by IntelliJ IDEA.
  User: kwc13
  Date: 2023-12-6
  Time: 上午 08:26
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>网页尾部</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 导入CSS -->
    <link href="${pageContext.request.contextPath}/other/style/reception_desk/footer_page.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>
<footer>
    <div class="other-bottom">
        <div class="show-advantage">
            <ul>
                <li>
                    <div class="show-img">
                        <img src="http://localhost:8083/resource_packs/images/maintenance.webp" alt="预约维修服务">
                    </div>
                    <span>预约维修服务</span>
                </li>
                <li>
                    <div class="other-fill"></div>
                </li>
                <li>
                    <div class="show-img">
                        <img src="http://localhost:8083/resource_packs/images/return.webp" alt="7天无理由退货">
                        <span>7天无理由退货</span>
                    </div>
                </li>
                <li>
                    <div class="other-fill"></div>
                </li>
                <li>
                    <div class="show-img">
                        <img src="http://localhost:8083/resource_packs/images/replacement.png" alt="15天免费换货">
                        <span>15天免费换货</span>
                    </div>
                </li>
                <li>
                    <div class="other-fill"></div>
                </li>
                <li>
                    <div class="show-img">
                        <img src="http://localhost:8083/resource_packs/images/free_shipping.webp" alt="满69元包邮">
                        <span>满69元包邮</span>
                    </div>
                </li>
                <li>
                    <div class="other-fill"></div>
                </li>
                <li>
                    <div class="show-img">
                        <img src="http://localhost:8083/resource_packs/images/after_sales.webp"
                             alt="520余家售后网点">
                        <span>520余家售后网点</span>
                    </div>
                </li>
            </ul>
        </div>

        <div class="other-serve">
            <div class="serve">
                <ul>
                    <li class="li-tile">选购指南</li>
                    <li class="li-context">手机</li>
                    <li class="li-context">电视</li>
                    <li class="li-context">笔记本</li>
                    <li class="li-context">平板</li>
                    <li class="li-context">穿戴</li>
                    <li class="li-context">耳机</li>
                    <li class="li-context">家电</li>
                    <li class="li-context">路由器</li>
                    <li class="li-context">音箱</li>
                    <li class="li-context">配件</li>
                </ul>
            </div>
            <div class="serve">
                <ul>
                    <li class="li-tile">服务中心</li>
                    <li class="li-context">申请售后</li>
                    <li class="li-context">售后政策</li>
                    <li class="li-context">维修服务价格</li>
                    <li class="li-context">订单查询</li>
                    <li class="li-context">以旧换新</li>
                    <li class="li-context">保障服务</li>
                    <li class="li-context">家电</li>
                    <li class="li-context">防伪查询</li>
                    <li class="li-context">F码通道</li>
                </ul>
            </div>
            <div class="serve">
                <ul>
                    <li class="li-tile">线下门店</li>
                    <li class="li-context">小米之家</li>
                    <li class="li-context">服务网点</li>
                    <li class="li-context">授权体验店/专区</li>
                </ul>
            </div>
            <div class="serve">
                <ul>
                    <li class="li-tile">关于小米</li>
                    <li class="li-context">了解小米</li>
                    <li class="li-context">加入小米</li>
                    <li class="li-context">投资者关系</li>
                    <li class="li-context">可持续发展</li>
                    <li class="li-context">廉洁举报</li>
                </ul>
            </div>
            <div class="serve">
                <ul>
                    <li class="li-tile">关注我们</li>
                    <li class="li-context">新浪微博</li>
                    <li class="li-context">官方微信</li>
                    <li class="li-context">联系我们</li>
                    <li class="li-context">公益基金会</li>
                </ul>
            </div>
            <div class="serve-fill">

            </div>
            <div class="service">
                <div class="telephone">
                    <span>400-100-5678</span><br>
                    <a>8:00-18:00（仅收市话费）</a>
                </div>
                <div class="link-service">
                    <a href="#">人工客服</a>
                </div>
                <div class="app">
                    <img src="http://localhost:8083/resource_packs/images/logo.png"
                         alt="小米Logo"><span>下载小米商城app</span>
                </div>
            </div>
        </div>
    </div>
    <div class="other-safety">
        <div style="display: flex">
            <div class="other-logo">
                <img src="http://localhost:8083/resource_packs/images/logo.png" alt="小米Logo">
            </div>
            <div class="other-certification">
                <div class="safety">
                    <ul>
                        <li>
                            <a href="#">小米商城</a>|
                            <a href="#">MIUI</a> |
                            <a href="#">米家</a> |
                            <a href="#">米聊</a> |
                            <a href="#">多看</a> |
                            <a href="#">游戏</a> |
                            <a href="#">政企服务</a> |
                            <a href="#">小米天猫店</a> |
                            <a href="#">小米集团隐私政策</a> |
                            <a href="#">小米公司儿童信息保护规则</a> |
                            <a href="#">小米商城隐私政策</a> |
                            <a href="#">小米商城用户协议</a> |
                            <a href="#">问题反馈</a> |
                            <a href="#">Select Location</a>
                        </li>
                        <li>
                            <a href="#">北京互联网法院法律服务工作站</a>|
                            <a href="#">中国消费者协会</a> |
                            <a href="#">北京市消费者协会</a>
                        </li>
                    </ul>
                </div>
                <div class="certification">
                    © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号<br>
                    （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照
                    医疗器械质量公告<br>
                    增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证<br>
                    违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试<br>
                </div>
                <div class="xiaomi-slogan">
                    <img src="http://localhost:8083/resource_packs/images/phrases.png" class="slogan-img"
                         alt="让全球每个人都能享受科技带来的美好生活">
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
</html>
